<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    @keyframes fade-in {0%{opacity: 0}100%{}}
    @-webkit-keyframes fade-in { 0%{opacity: 0}100% {}}
    @keyframes fade-out {0%{}100%{opacity:0} }
    @-webkit-keyframes fade-out{0%{}100% {opacity:0}}
    @keyframes modal-in {0%{opacity: 0;transform: scale(0.8, 0.8);-moz-transform: scale(0.8, 0.8);-webkit-transform: scale(0.8, 0.8);-ms-transform: scale(0.8, 0.8);} 100% {} }
    @-webkit-keyframes modal-in { 0% {opacity: 0;transform: scale(0.8, 0.8);-moz-transform: scale(0.8, 0.8);-webkit-transform: scale(0.8, 0.8);-ms-transform: scale(0.8, 0.8);} 100% {} }
    @keyframes modal-out { 0% {} 100% {transform: scale(0.8, 0.8);-moz-transform: scale(0.8, 0.8);-webkit-transform: scale(0.8, 0.8);-ms-transform: scale(0.8, 0.8);opacity: 0} }
    @-webkit-keyframes modal-out { 0% {} 100% {transform: scale(0.8, 0.8);-moz-transform: scale(0.8, 0.8);-webkit-transform: scale(0.8, 0.8);-ms-transform: scale(0.8, 0.8);opacity: 0} }
    .weditor-mask-in {animation: fade-in 0.2s;-webkit-animation: fade-in 0.2s;}
    .weditor-mask-out {animation: fade-out 0.2s;-webkit-animation: fade-out 0.2s;}
    .weditor-modal-in {animation: modal-in 0.15s;-webkit-animation: modal-in 0.15s;}
    .weditor-modal-out {animation: modal-out 0.15s;-webkit-animation: modal-out 0.15s;}
  </style>
</head>
<body>
  <div class="weditor-mask-in" style="width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.4);z-index: 1000;">
    <div class="weditor-modal-in" style="width: 1000px;height: 90%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #fff;box-shadow: 0 0 8px #666;z-index: 999;">
      <div style="background-color: #f8f8f8;color: #333;height: 36px;line-height: 36px;padding: 0 10px;text-align: center;font-size: 14px;position: relative;">
        <span>基于双通道输出的舱室3D声场模拟及效果评价</span>
        <a style="position: absolute;right: 8px;width: 24px;height: 24px;font-size:24px;cursor:pointer;text-decoration:none;">×</a>
      </div>
      <div>
        <iframe src="" frameborder="0"></iframe>
      </div>
    </div>
  </div>
  <script>
    document.addEventListener("keydown", function (e) {
      if(e.keyCode == '86' && e.shiftKey && e.ctrlKey){
        console.log("执行了ctrl+shift+v事件");
      }
    })
  </script>
</body>
</html>


